<template>
  <div> 
    <mt-header fixed title="单项赛个人报名">
      <mt-button icon="back" @click='$router.back(-1)' slot="left"></mt-button>
    </mt-header>
    <div style="height:40px;"></div> 
    <div class="top-title"><i class="gray">比赛名称: </i>2019长沙岳麓区第N届羽毛球邀请赛</div>
    <div class="top-title"><i class="gray">比赛组别：</i>青年组 - 20至30岁</div>    
    <step current=3 :stepArr="stepArr"></step>
    <div>  
      <div class="f16 m10 fwb">选择项目</div>
      <mt-checklist title=""  v-model="value" align="right" :options="options"></mt-checklist>
      <div style="display: flex; margin: 10px;">
        <mt-button style="flex:1;" @click='$router.push("/enroll/single/step2")' plain class="mr10" type="primary">上一步</mt-button>
        <mt-button style="flex:1;" @click='$router.push("/enroll/single/step4")'  type="primary">下一步</mt-button>
      </div>
    </div>
  </div>
</template>

<script>
import step from '@/components/step'
export default {  
  components:{
    step
  },
  data () {
    return {  
      stepArr:['填写信息','选择俱乐部','选择项目','选择搭档','报名预览','支付完成'],
      value:['a','c','f'],
      options:[
        {
          label: '男单',
          value: 'a'
        },
        {
          label: '女单',
          value: 'b'
        },
        {
          label: '男双',
          value: 'c'
        },
        {
          label: '女双',
          value: 'd'
        },
        {
          label: '混双',
          value: 'e'
        },
        {
          label: '3V3',
          value: 'f'
        }
      ]
    }
  },
  mounted(){
     
    
  }
}
</script>
